
export default {
  name: 'GlobalPages',
  data () {
    return {
    }
  },
  computed: {
    loading () {
      return this.$store.state.spinning
    }
  },
  mounted () {
  },
  methods: {
  },
  render () {
    // loading
    const { loading } = this
    return (
      <div class="Global">
        <a-spin id="loading"
          tip="加载中"
          spinning={loading}>
          <span slot="indicator"
            class="iconfont iconloading_ico"
            style="font-size: 24px"
            spin />
          {/* 头部区域 */}
          <div class="Global-header">
            {this.$slots.header}
          </div>
          {/* 菜单区域 */}
          <div class="Global-menu">
            {this.$slots.menu}
          </div>
          {/* 右侧区域 */}
          <div class="Global-right">
            {this.$slots.GlobalRight}
          </div>
          {/* 底部区域 */}
          <div class="Global-footer">
            {this.$slots.footer}
          </div>
        </a-spin>
      </div>
    )
  }
}
